<link rel="stylesheet" type="text/css" href="{$smarty.const.THEME_RELATIVE}modules/videomodule/css/videopage.css">
<script type="text/javascript" src="{$smarty.const.THEME_RELATIVE}modules/videomodule/js/VideoPage.js"></script>
<script type="text/javascript" src="{$smarty.const.THEME_RELATIVE}modules/videomodule/js/jScrollPane.js"></script>
<script type="text/javascript" src="{$smarty.const.THEME_RELATIVE}modules/videomodule/jwplayer5.4/jwplayer.js"></script>
<script type="text/javascript" src="/js/jQuery.Scrollto.js"></script>

<script language="javascript">
    var flash_file='{$smarty.const.URL_FULL}{$smarty.const.THEME_RELATIVE}modules/videomodule/jwplayer5.4/player.swf';
    var skin_file='{$smarty.const.URL_FULL}{$smarty.const.THEME_RELATIVE}modules/videomodule/jwplayer5.4/bekle/bekle.xml';
</script>
{permissions level=$smarty.const.UILEVEL_NORMAL}
    {if $permissions.administrate == 1}
        <div class="actions">
            <a href="{link action=video_cat_manage}" class="add">Cat Manage</a>
            <a href="{link action=video_manager}" class="add">Video Manage</a>
        </div>
    {/if}
{/permissions}

<div class="textmodule">
    <div class="textmodule_title" style="margin-bottom : 10px;" >
        <h3 id="video_page_title">{if $selected_cat->id >0}{$selected_cat->title}{else}{$_TR.video_title}{/if}
        </h3>
    </div>
</div>

<div id="mediaMain">
    <div id="mediaCategoryButtons" style="visibility: visible; ">
        {foreach from=$cats item='cat'}
            <a rel="{$cat->id}" class="styleBtn" href="{link action=_video_main cat_name=$cat->seo_name}">{$cat->title}</a>
        {/foreach}
    </div>
    <div id="mediaCenterVideoTarget">
        <div id="splashImage">
            <img src="{$smarty.const.THEME_RELATIVE}modules/videomodule/images/video_splash_image.png" alt="{$smarty.const.SITE_TITLE}">
            <p>{$_TR.select_video_tip}</p>
        </div>
        <div id="thumbnailOverlays" style="display: block; ">
            <div class="searchVids">
                <input id="filter" type="text" name="filter" value="{$_TR.search_interview}" class="inlineLabel" onblur="if(this.value=='') this.value='{$_TR.search_interview}';" onfocus="if(this.value=='{$_TR.search_interview}') this.value='';">
                <p class="counts">
                    (
                    <span id="totalResults">{$video_count}</span>
                    <span id="totalResultNotFilterPanel" style="display: none;">
                        <span>/</span>
                        <span id="totalResultNotFilter">{$video_count}</span>
                    </span>
                    &nbsp;Videos&nbsp;)
                </p>
            </div>
            <div id="thumbOuterContainer">
                <div class="jScrollPaneContainer jScrollPaneScrollable" style="height: 430px; width: 596px; " tabindex="0">
                    <div id="thumbContainer" class="scroll-pane" >
                        <div id="loader" style="display: none; ">
                            <p>&nbsp;&nbsp;<img src="{$smarty.const.THEME_RELATIVE}images/loader.gif" height="16" width="16" alt="loading"> Loading . . .</p>
                        </div>
                        <ul >
                            {include file="`$smarty.const.THEME_ABSOLUTE`modules/videomodule/views/_Video_Playlist.tpl"}
                        </ul>
                    </div>
                    </div>
            </div>
            <div id="videoThumbsFooter">&nbsp;</div>
        </div>
        <div id="mediaCenter_videoBox">
            <div id="mediaCenter_location"></div>
        </div>
    </div>
</div>

{* Show list of video *}
<table class="linktabs_tab">
    {* First is newest and highlighed*}
    <tr>
        <td style="padding-left: 0px;">
            <div class="lt_title">
                <a href="javascript: void(0)">{$_TR.newest_video}</a>
            </div>
            {* newest*}
            <div class="mediaResultsGrid pageVids">
                <ol>
                    {foreach from=$new_video item='v'}
                    <li>
                        <a href="{$v->url_link}" rel="{$v->seo_name}">
                            <img src="{$smarty.const.URL_FULL}phpThumb.php?src={$v->thumbnail}&w=95" alt="{$v->title}">
                            <div class="playHolder"></div>
                        </a>
                        <h5>{$v->title}</h5>
                        <p>{$v->title2}</p>
                        <p class="category">{$_TR.video_category}: {$v->cat_title}</p>
                        <p class="category">{$_TR.video_views}: {$v->views}</p>
                    </li>
                    {/foreach}
                </ol>
            </div>
        </td>
        <td style="padding-right: 0px;">
            <div class="lt_title">
                <a href="javascript: void(0)">{$_TR.highlighted_video}</a>
            </div>
            {* highlighed*}
            <div class="mediaResultsGrid pageVids">
                <ol>
                    {foreach from=$highlighted_video item='v'}
                    <li>
                        <a href="{$v->url_link}" rel="{$v->seo_name}">
                            <img src="{$smarty.const.URL_FULL}phpThumb.php?src={$v->thumbnail}&w=95" alt="{$v->title}">
                            <div class="playHolder"></div>
                        </a>
                        <h5>{$v->title}</h5>
                        <p>{$v->title2}</p>
                        <p class="category">{$_TR.video_category}: {$v->cat_title}</p>
                        <p class="category">{$_TR.video_views}: {$v->views}</p>
                    </li>
                    {/foreach}
                </ol>
            </div>
        </td>
    </tr>
</table>